import React from 'react';
import { Tabs } from 'antd';
import styles from './settings.less';

// 页面基本属性同框架页面布局（暂不支持修改：padding: 20px 20px 0 20px;）
export default () => {
  return (
    <div className={styles.settingContainer}>
      <Tabs>
        <Tabs.TabPane key="attribute" tab="属性">
          <div className={styles.settingContainerContent}>
            <div className={styles.pageSettingLayout}>
              <div className={styles.pageSettingLayoutMarginLeft}>0</div>
              <div className={styles.pageSettingLayoutMarginTop}>0</div>
              <div className={styles.pageSettingLayoutMarginRight}>0</div>
              <div className={styles.pageSettingLayoutMarginBottom}>0</div>
              <div className={styles.pageSettingLayoutPaddingLeft}>20</div>
              <div className={styles.pageSettingLayoutPaddingTop}>20</div>
              <div className={styles.pageSettingLayoutPaddingRight}>20</div>
              <div className={styles.pageSettingLayoutPaddingBottom}>0</div>
            </div>
          </div>
        </Tabs.TabPane>
      </Tabs>
    </div>
  );
};
